module.exports = {
	publicPath: "./",
	outputDir: "dist",
	assetsDir: "static",
	
	filenameHashing: false,
	productionSourceMap: false,
	devServer: {
	  https: false,
	  // port: port,
	  open: true,
	  overlay: {
		warnings: false,
		errors: true,
	  },
	  proxy: {
		"/api": {
		  target: "http://47.103.66.140:8889",
		  changeOrigin: true,
		  pathRewrite: {
			"/api": "",
		  },
		},
	  },
	},
	chainWebpack: (config) => {
	  // 添加一个规则来处理图片资源
	  
	  config.module
		.rule('images')
		.test(/\.(png|jpe?g|gif|svg)(\?.*)?$/)
		.use('url-loader')
		.loader('url-loader')
		.options({
		  limit: 10000, // 小于10KB的图片会被base64处理
		  name: 'img/[name].[hash:8].[ext]', // 输出目录和文件名规则
		});
		
	  // 如果你使用的是Webpack 5，可以使用asset modules代替url-loader
	  // 删除上面的url-loader配置，并使用如下配置：
	  // config.module.rule('images').type('asset/resource').generator({
	  //   filename: 'img/[name].[hash:8][ext]',
	  // });
	  
	},
	
	// 其他配置...
  };